<template>
  <div>
    <!-- <keep-alive include exclude max>
      原理 就是利用一个对象把加载过的需要缓存的组件 存起来 ；下载再去加载的时候 先看缓存中有没有对应属性
      activated 当前组件被展示的时候触发
      deactivated 是当前组件被隐藏的时候触发
    </keep-alive> -->
    <keep-alive>
      <!-- <AA />
      <BB /> -->
    </keep-alive>

  </div>
</template>
<script>
// @ is an alias to /src
export default {
  name: 'XXX',
  data() {
    return {

    }
  },
  created() {
    console.log(this)
  },
  components: {

  }
}
</script>
<style lang="less">
</style>